<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/tustyle.css">
    <script src="js/jquery.js"></script>
    <title>小米商城</title>
</head>

<body>
    <div class="firstTop" style="background-image: url(img/1.jpg)">
        <a class="firstTop-link" href=""></a>
    </div>
    <div class="firstT-bar">
        <div class="container">
            <div class="firstT-left">
                <a href="">小米商城</a><span class="sep">｜</span><a href="">MIUI</a><span class="sep">｜</span><a href="">米聊</a><span class="sep">｜</span><a href="">游戏</a><span class="sep">｜</span><a href="">多看阅读</a><span class="sep">｜</span><a href="">云服务</a><span class="sep">｜</span><a href="">金融</a><span class="sep">｜</span><a href="">小米商城移动版</a><span class="sep">｜</span><a href="">问题反馈</a><span class="sep">｜</span><a href="">Select Region</a>
            </div>
             <div class="firstT-right">
               <a href="">
                   <i class="iconfont"></i>购物车
                    <span>(0)</span>
                </a>
                <div class="cart-menu" style="display:none">
                    <div class="loading">
                        购物车里没有商品,赶紧选购吧!
                    </div>
                </div>
            </div>
            <div class="firstT-center">
                 <a href="">登录</a><span class="sep">｜</span>
                <a href="">注册</a><span class="sep">｜</span>
                <a href="">消息通知</a>
            </div>
        </div>
    </div>
    <div class="first-header">
        <div class="container">
            <div class="header-logo">
                <a href="" class="logo"></a>
                <div class="doodle"><a class="link-block"style="background-image: url(img/yymi.gif)"  href=""></a></div>
            </div>
            <div class="header-nav">
                <ul class="nav-list nav.bar">
                    <li class="nav-category"><a class="link-category" href="">商品分类</a>
                    <div class="header-category">
                        <ul class="header-cat-list">
                          <li class="category-item"><a class="title" href="">手机 电话卡<i class="iconfont"></i></a>
                          <div class="cate-item" style="display: none">
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                  </ul>
                                 <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                  </ul>
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                  </ul>
                              
                          </div>
                          </li>
                          <li class="category-item"><a class="title" href="">笔记本 平板<i class="iconfont"></i></a>
                          <div class="cate-item cate-item2  style="display: none"">
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                   
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>
                          
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>
                    
                                      </li>
                                  </ul>
                                 <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      <a class="cate-list4" href="">选购</a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                   
                                      </li>
                                  </ul>
                          </div>
                          </li>
                          <li class="category-item"><a class="title" href="">电视 盒子<i class="iconfont"></i></a>
                          <div class="cate-item cate-item3"">
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>    
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a> 
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                  </ul>
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>    
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a> 
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                  </ul>
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>    
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a> 
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                      </li>
                                  </ul>
                                  <ul class="cate-list">
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>   
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>      
                                      </li>
                                      <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>      
                                      </li>
                                  </ul>
                              
                          </div>
                          </li>
                          <li class="category-item"><a class="title" href="">路由器 智能硬件<i class="iconfont"></i></a></li>
                          <li class="category-item"><a class="title" href="">移动电源 电池 插线板<i class="iconfont"></i></a></li>
                          <li class="category-item"><a class="title" href="">耳机 音响<i class="iconfont"></i></a></li>
                          <li class="category-item"><a class="title" href="">保护套 贴膜<i class="iconfont"></i></a></li>
                          <li class="category-item"><a class="title" href="">线材 支架 存储卡<i class="iconfont"></i></a></li>
                          <li class="category-item"><a class="title" href="">箱包 服饰 鞋 眼镜<i class="iconfont"></i></a></li>
                          <li class="category-item"><a class="title" href="">米兔 生活周边<i class="iconfont"></i></a></li>
                        </ul>
                    </div>
                    </li>
                    <li class="nav-item nav-it1"><a class="link" href="">小米手机</a>
                      <div class="navOne navOne1">
                       <div class="container">
                           <ul class="children-list">
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags"><div class="flag">
                                           现货
                                       </div></div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           热卖
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li> 
                           </ul>
                       </div>
                      </div>
                    </li>
                    <li class="nav-item nav-it2"><a class="link" href="">红米</a>
                    <div class="navOne navOne2">
                       <div class="container">
                           <ul class="children-list">
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/02.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags"><div class="flag">
                                           新品
                                       </div></div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/02.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/9.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>    
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/02.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/02.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>   
                           </ul>
                       </div>
                   </div>
                    </li>
                    <li class="nav-item nav-it3"><a class="link" href="">平板 · 笔记本</a><div class="navOne navOne3">
                       <div class="container">
                           <ul class="children-list">
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/03.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags"><div class="flag">
                                           新品
                                       </div></div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/031.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/03.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                              
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/031.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/02.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               
                               
                           </ul>
                       </div>
                   </li>
                    <li class="nav-item nav-it4"><a class="link" href="">电视</a>
                     <div class="navOne navOne4">
                       <div class="container">
                           <ul class="children-list">
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/051.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags"><div class="flag">
                                           新品
                                       </div></div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/051.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/052.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                              
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/052.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/051.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                           </ul>
                       </div>
                     </div>
                    </li>
                    <li class="nav-item nav-it5"><a class="link" href="">盒子 · 影音</a> 
                        <div class="navOne navOne5">
                         <div class="container">
                           <ul class="children-list">
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/054.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags"><div class="flag">
                                           新品
                                       </div></div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/054.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/053.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>  
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/053.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/054.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                           </ul>
                         </div>
                       </div>
                  </li>
                    <li class="nav-item nav-it6"><a class="link" href="">路由器</a>
                     <div class="navOne navOne6">
                         <div class="container">
                           <ul class="children-list">
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/06.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags"><div class="flag">
                                           新品
                                       </div></div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/06.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/061.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>  
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/061.jpg" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                               <li class="first">
                                   <div class="figure">
                                       <a href=""><img src="img/054.png" alt=""></a>
                                   </div>
                                   <div class="title"><a href="">小米6</a></div>
                                   <P >2499起</P>
                                   <div class="flags">
                                       <div class="flag">
                                           新品
                                       </div>
                                   </div>
                               </li>
                           </ul>
                         </div>
                       </div>
                    </li>
                    <li class="nav-item"><a class="link" href="">智能硬件</a><div class=""></div></li>
                    <li class="nav-item"><a class="link" href="">服务</a><div class=""></div></li>
                    <li class="nav-item l1"><a class="link" href="">社区</a></li>
                </ul>
                
            </div>
  
          <div class="biaoDan">
                <form>
                    <input class="search" type="text">
                    <span class="search-bth"></span>
                    <div class="search-xia">
                        <a href="#">小米降噪耳机</a>
                        <a href="#">小米Max 2</a>
                    </div>
                    <div class="searchLa">
                        <ul class="result-list">
                            <li><a href="#">小米5s Plus<span>约有7件</span></a></li>
                            <li><a href="#">小米6<span>约有7件</span></a></li>
                            <li><a href="#">小米MIX<span>约有7件</span></a></li>
                            <li><a href="#">红米Note4<span>约有7件</span></a></li>
                            <li><a href="#">路由器<span>约有7件</span></a></li>
                            <li><a href="#">小米VR眼镜<span>约有7件</span></a></li>
                            <li><a href="#">移动电源<span>约有7件</span></a></li>
                            <li><a href="#">米家摄像机<span>约有7件</span></a></li>
                        </ul>
                    </div>
                </form>
            </div>
    </div>
</body>

</html>
<script src="js/index.js"></script>